<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/basic.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
		<div id="all">
			<div id="nav-box" id="nav-box1">
				<a href="#nav-box"  class="nav">
					<span class="nav-bar"></span>
					<span class="nav-bar"></span>
					<span class="nav-bar"></span>
				</a>
				<a href="#nav-box1"  class="nav-x">
					<span class="nav-bar"></span>
					<span class="nav-bar"></span>
				</a>
				<div class="nav-menu">
					<a href="#first">首页</a>
					<a href="#second">网站介绍</a>
					<a href="#third">明日方舟</a>
					<a href="#forth">方舟相册</a>
					<a href="#fifth">足球</a>
					<a href="#sixth">魔法禁书目录</a>
				</div>
			</div>

			<div class="first" id="first">
				<div>
					<h1>欢迎来到我的个人网站</h1>
					<h2>Welcome to my personal website</h2>
				</div>
			</div>
			<div class="second" id="second">
				<h1>这是一个关于自我兴趣展示的网页</h1>
				<div class="game">
					<h2>我喜欢的游戏</h2>
					<img src="images/arknights.png" >
				</div>
				<div class="sport">
					<h2>我喜欢的运动</h2>
					<img src="images/football.png" >
				</div>
				<div class="cartoon">
					<h2>我喜欢的动漫</h2>
					<img src="images/mo.jpg" >
				</div>
			</div>
			<div class="third" id="third">
				<div class="originiums">
					<a href="html/originiums.html"><img src="images/item_origin.png" ></a>
					<ul>
						<li>源石</li>
						<li>Originiums</li>
					</ul>
				</div>
				<div class="reunion">
					<a href="html/Reunion.html"><img src="images/item_reunion.png" ></a>
					<ul>
						<li>整合运动</li>
						<li>Reunion</li>
					</ul>
				</div>
				<div class="nimadic-city">
					<a href="html/nimadic-city.html"><img src="images/item_mortal_city.png" ></a>
					<ul>
						<li>移动城邦</li>
						<li>Nimadic City</li>
					</ul>
				</div>
				<div class="originiums-arts">
					<a href="html/originiums-arts.html"><img src="images/item_art_crafts.png" ></a>
					<ul>
						<li>源石技艺</li>
						<li>Originiums Arts</li>
					</ul>
				</div>
				<div class="infected">
					<a href="html/infected.html"><img src="images/item_infected.png" ></a>
					<ul>
						<li>感染者</li>
						<li>Infected</li>
					</ul>
				</div>
				<div class="rhodes-island">
					<a href="html/rhodes-island.html"><img src="images/item_rhodes.png" ></a>
					<ul>
						<li>罗德岛</li>
						<li>Rhodes Island</li>
					</ul>
				</div>
			</div>
			<div id="forth" class="forth">
				<div class="arknights">
					<div><img src="images/ta.png" ></div>
					<div><img src="images/kai.png" ></div>
					<div><img src="images/the.png" ></div>
					<div><img src="images/de.png" ></div>
					<div><img src="images/de2.png" ></div>
					<div><img src="images/xie.png" ></div>
					<div><img src="images/amiya.png" ></div>
					<div><img src="images/neng.png" ></div>
					<div><img src="images/du.png" ></div>
					<div><img src="images/ya.png" ></div>
					<div><img src="images/ja.png" ></div>
					<div><img src="images/chu.png" ></div>
					<div><img src="images/zh.png" ></div>
					<div><img src="images/dno.png" ></div>
					<div><img src="images/chu2.png" ></div>
					<div><img src="images/long.png" ></div>
				</div>
			</div>
			<div id="fifth" class="fifth">
				<div class="football">
					<div >
						<h2>足球文化</h2>
						<p>什么是足球文化?众所周知，足球属于竞技体育范畴，但对于真正热爱这项运动并深谙其中奥妙的人来说，它还包含着军事家的排兵布阵、攻防转换;以及仕途上的风云变幻、悲喜交加等等。然而以我辈普通人的眼光来看，除去胜负所负载的精神内容以外，足球比赛更像一门表演艺术。哨声一响，一场雄浑激越的大型音乐舞蹈史诗上演了。时而狂风暴雨，时而小桥流水，时而鼓乐喧天，时而众星捧月。高潮迭起，荡气回肠。把足球融入到文化中来，并从文化中汲取营养获得力量，这是很多国家足球成功的经验。</p>
					</div>
					<div >
						<h2>足球</h2>
						<p>现代足球的前身起源于中国古代山东淄州（今淄博市）的球类游戏“蹴鞠”，后经阿拉伯人由中国传至欧洲，逐渐演变发展为现代足球。现代足球始于英国。1848年，足球运动历史上第一部文字形式的规则《剑桥规则》诞生。1863年10月26日，英格兰成立了世界上第一所足球协会，并统一了足球运动的竞赛规则。1872年，英格兰与苏格兰之间举行了足球史上第一次协会间的正式比赛。1900年，在第二届夏季奥林匹克运动会中，足球被列入正式项目。足球在全球被广泛译为“Football”，只有在美国等极少数国家被译为“Soccer”，而“Football”在美国、加拿大被指为“美式橄榄球”。</p>
					</div>
					<div >
						<img src="images/ftba.jpg" >
					</div>
				</div>
			</div>
			<div id="sixth" class="sixth">
				<div class="six-s">
					<div></div>
					<div></div>
				</div>
				<div class="six-s">
					<div></div>
					<div></div>
				</div>
				<div class="six-s">
					<div></div>
					<div></div>
				</div>
			</div>
		</div>
	</body>
</html>
